$mian_color: #2b2f3a; // 头部导航颜色
$weightMain_color: #181b20; // 左侧导航颜色
$contrast_color: white;

.el-header {
  background: $mian_color !important;
  color: #333;
  padding: 0 !important;
  line-height: 60px;
}

// sidebar 菜单
.el-menu {
  height: 100%;
  background: $weightMain_color !important;
  border-right: none !important;
}

.el-aside {
  background: $weightMain_color;
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 220px;
  background: $weightMain_color;
}

// 修改导航菜单栏悬浮时的背景颜色
.el-menu-item:hover,
.el-sub-menu__title:hover {
  background-color: #2b2f3a !important;
}

// 菜单选中背景颜色
.el-menu-item.is-active {
  background: rgb(23, 23, 23);
}

.el-sub-menu,
.el-menu--vertical {
  background: $weightMain_color;
}

.el-menu-item {
  background: $weightMain_color;
}

// 面包屑
/* 不被选中时的颜色 */
.el-breadcrumb .el-breadcrumb__inner a {
  color: #ffffff !important;
}

.el-breadcrumb .el-breadcrumb__inner a:hover {
  color: #91cfff !important;
}

/* 被选中时的颜色 */
.el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: #409eff !important;
}

.el-popper {
  max-width: 500px;
}

